<script setup>
import LeftSideBar from './components/LeftSideBar.vue'
import MainContainer from './components/MainContainer.vue'
</script>

<template>
    <div class="box">
        <LeftSideBar class="left" />
        <div class="main">
            <MainContainer />
        </div>
    </div>
</template>

<style>
.box {
    display: flex;
}
.left {
    width: 220px;
    height: 98vh;
    margin-left: 20px;
    border-right: 1px solid #ccc;
}
.main {
    margin-left: 40px;
}

.router-link-active {
    color: orange;
}
.router-link-exact-active {
    color: crimson;
}
</style>